/*@settings
name: Folder Styles
id: folder-styles
settings:
    - 
        id: info-text-SlRvb-folder-styles
        type: info-text
        title: Folder Styles by SlRvb
        description: "[Folder Styles How-To Guide](https://publish.obsidian.md/slrvb-docs/ITS+Theme/Folder+Styles)"
        markdown: true
    - 
        title: Folder Styles
        id: file-explorer-flat
        type: class-toggle
        default: true
*/

@use 'Theme Rewrite/custom-css/file-explorer/file-explorer-style-flat-root';

body.file-explorer-flat {
    --explorer-folder-icon-content: var(--folder-icon);
    --explorer-folder-icon-font: var(--folder-font);
}

// .file-explorer-flat .nav-folder.mod-root > .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover) 
// { justify-content: unset; }

.file-explorer-flat .nav-folder-children .nav-folder-title-content::before {
    content: var(--explorer-folder-icon);
    font-family: var(--explorer-folder-font);
    text-align: center;
    margin-right: 5px;
    vertical-align: -2px;
}
.file-explorer-flat .nav-folder-children > .nav-folder.is-collapsed > .nav-folder-title .nav-folder-title-content::before {
    color: var(--explorer-folder-icon-color);
}




/* --- Insert your folder CSS under here --- */
/*With Explanation/Recommendations*/
.nav-folder-title[data-path="Folder name here"],
.nav-folder-title[data-path="Folder name here"] + .nav-folder-children {
	--explorer-folder-icon: "\f23c"; /*Encoded Icon Font Code*/
	--explorer-folder-font: var(--rmx); /*Encoded Icon Font Name*/
	
	--explorer-root-folder-background: #a882ff; /*Root Folder Color (Text & Background)*/
	--explorer-root-background: #a882ff20; /*Root Folder's Inner Background Color (copy root background and add 20 after for best/easier styling & legibility)*/
    
	--explorer-root-folder-color: var(--explorer-root-folder-background); /*Root folder text color when closed/collapsed*/
	--explorer-folder-icon-color: var(--explorer-root-folder-background); /*Explorer Icon Color*/
	--explorer-root-folder-indentation-color: var(--explorer-root-folder-background); /*Folder Line Color*/
}